﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <%@ page language="java" pageEncoding="UTF-8"%>
    <%@ page contentType="text/html;charset=UTF-8"%>
    <%@ taglib prefix="s" uri="/struts-tags" %>
    <%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <![endif]-->
    <!-- BOOTSTRAP CORE STYLE  -->
    <link href="../assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FONT AWESOME ICONS  -->
    <link href="../assets/css/font-awesome.css" rel="stylesheet" />
    <!-- CUSTOM STYLE  -->
    <link href="../assets/css/style.css" rel="stylesheet" />
     <!-- HTML5 Shiv and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <!-- 树形菜单样式 -->
	  <link rel="stylesheet" href="../css/accordionMenu/style.css"  type="text/css" />
	  <link rel="stylesheet" href="../css/font-awesome.min.css"  type="text/css" />

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

   
    <!-- min start -->
    <!-- <link href="../css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css"/> -->
   <!--  <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen"> -->
    <link rel="stylesheet" href="../css/systemManage/btn.css">
    <link rel="stylesheet" href="../css/systemManage/form.css">
    <link rel="stylesheet" href="../css/systemManage/common.css">
    <link rel="stylesheet" href="../css/systemManage/validationEngine.jquery.css">
   <!--  <link rel="stylesheet" href="../css/systemManage/template.css"> -->
    <link rel="stylesheet" href="../css/systemManage/input-select.css">
    <link rel="stylesheet" href="../css/systemManage/jquery.bigautocomplete.css" type="text/css"/>
    
    <!-- min end -->

  
    
   
	
	<style>
         .fixed-table-toolbar .bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns {  margin-bottom: 0px;}        
         .fixed-table-pagination{
             height:40px;
         }
         .input-group-addon{
             background-color:#EBEBE4;
         }
         /* .pagination-info{position: absolute;}  */
    </style>
  

	
</head>
<body>

<div class="navbar navbar-inverse set-radius-zero">
    <div class="container">
        <div class="navbar-header">
          <%--   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">

                <img src="../assets/img/logo.png"/>
            </a> --%>

        </div>

        <div class="left-div">
              <div class="user-settings-wrapper">
                    <ul class="nav">

                         <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                                <span class="glyphicon glyphicon-user" style="font-size: 25px;"></span>
                            </a>
                            <div class="dropdown-menu dropdown-settings">
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="../assets/img/64-64.jpg" alt="" class="img-rounded" />
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading"><s:property value="waterUser.username" /> </h4>
                                        <h5>用户</h5>

                                    </div>
                                </div>
                                <hr />
                                <h5><strong>权限: </strong>管理员</h5>
                             		  
                                <hr />
                                <a href="../User/UserInfoAction" class="btn btn-info btn-sm">用户信息</a>&nbsp; 
                                <a href="${pageContext.request.contextPath}/logout" class="btn btn-danger btn-sm">登出</a>

                            </div>
                        </li> 


                    </ul>
                </div>
        </div>
    </div>
</div>
<!-- LOGO HEADER END-->
<section class="menu-section">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="navbar-collapse collapse ">
                    <ul id="menu-top" class="nav navbar-nav navbar-right">
                        <li><a  href="../WaterWorksInit">管网分布</a></li>
                            <li><a href="../MonitorData/GetAllWaterPlant.action">运行监测</a></li>
                            <li><a href="table.html">工艺过程</a></li>
                            <li><a href="forms.html">厂区漫游</a></li>
                            <li><a href="../Alert/QueryAlert">预警处置</a></li>
                             <li><a href="../SafetyMonitor/SafetyMonitorInit">安全监视</a></li>
                             <li><a class="menu-top-active" href="../User/UserInfoAction">系统管理</a></li>
                        <!--   <li><a href="blank.html">Blank Page</a></li> -->
                    </ul>
                </div>
            </div>

        </div>
    </div>
</section>
<!-- MENU SECTION END-->

<div class="content-wrapper">
<div class="container">
<div class="row">
<div class="col-md-2" id="leftContent">
    <ul id="accordion" class="accordion">
        <li>
            <div class="link">
              <img  src="../img/用户.png">
                用户管理
                <i class="fa fa-chevron-down"></i>
            </div>
            <ul class="submenu">
                 <li><a href="../User/UserInfoAction">个人信息</a>
                </li>
                <li><a href="../systemManage/modifyPassword.jsp">修改密码</a>
                </li>
                <li><a href="../systemManage/manageUser.jsp">管理用户</a>
                </li>
                <li><a href="../systemManage/addUser.jsp">新增用户</a>
                </li>
            </ul>
        </li>
      	<li>
							<div class="link">
								<img  src="../img/视频.png">
									视频配置
								<i class="fa fa-chevron-down"></i>
							</div>
							<ul class="submenu">
								<li><a href="../systemManage/videocofig.jsp">监测点视频配置</a>
								</li>
								
							</ul></li>
        <li>
			<div class="link">
				<img  src="../img/水厂.png">
					水厂管理
				<i class="fa fa-chevron-down"></i>
			</div>
			<ul class="submenu">
				<li><a href="../systemManage/addWaterPlant.jsp">水厂管理</a>
				</li>
			</ul>
		</li>
		
		<li>
			<div class="link">
				<img  src="../img/摄像头.png">
					监测点管理
				<i class="fa fa-chevron-down"></i>
			</div>
			<ul class="submenu">
				<li><a href="../systemManage/addStation.jsp">监测点管理</a>
				</li>								
			</ul>
		</li>
    </ul>
</div>

<div class="col-md-10" id="rightContent">
   <!-- <h4 class="page-head-line">各个模块内容</h4>  -->   
<div style="padding-top:40px;">
    <div id="prompt" align="center">
        水厂信息录入与修改
        <span class="red">*为必须填写的内容</span>&nbsp;<span class="green">*只能填写数字</span>
    </div>    
    <div id="inquire1" align="center">
        <form name="StationInfo" id="StationInfo" action="" method="post">
           <!--  <div class="saveInf" id="saveInf" style="display:none">
                <p>该记录未提交,您可以选择&nbsp;<a onclick="setIsDisable('canalName',false);">继续编辑</a>或&nbsp;<a
                        onclick="delRecordByCode('canalInfo','DelwaterPlant.action','canalCode')">删除</a></p>
            </div> -->
            <table border="0">
                <tr>
                    <td class="rightTd">监测点所在地:</td>
                    <td>
                        <input style="  display: none;" name="stationnumposition.stationnum" id="stationnum">

                        <div id="list-name-input" class="list-name-input" style="margin-top: -16px;width:250px;">
                            <select type="text" style="width:250px;" class="list-select" id="positionname">
                            </select>
                            <input type="text" style="width: 230px;" name="stationnumposition.positionname"
                                   class=" list-name-for-select validate[required,maxSize[100]] text-input"
                                   id="list-name-for-select">
                            <span class="red" style="margin-left: 185px;">* </span>
                        </div>
                        
                    </td>                    
                </tr>                
                <tr>
                    <td class="rightTd">所在水厂:</td>
                    <td>
                        <select  style="width:250px"  id="waterPlantCode">
                             <option value="">请选择</option>                                       
                        </select>
                    </td>                    
                </tr>
                
                <tr>
                    <td class="rightTd">联系电话:</td>
                    <td>
                        <div class="input-group">
                            <input style="width:250px" class="text-input" type="text"
                                   name="stationnumposition.phonenum" id="phonenum">                          
                        </div>

                    </td>                    
                </tr>

               
                
                <tr style="height:75px;">
                    <td colspan="2" style="padding-left: 30px;">                        
                        <button type="reset" id="addBtn" onclick="addBtnFun('StationInfo','positionname')"
                                class="btn_add">
                        </button>
                        <button type="button"  class="btn_edit" id="updateBtn"></button>
                        <!-- <button type="button"  class="btn_save" id="saveBtn"></button> -->
                        <button type="button"  class="btn_submit" id="submitBtn"></button>
                        <button type="button"  class="btn_del" id="delBtn"></button>
                        <!-- <div style="float:right;display:inline-block;">
                            <button type="button" id="showBtn" class="btn_show"></button>
                        </div> -->
                    </td>
                </tr>
            </table>
        </form>
    </div>
</div>
</div>
</div>
</div>
</div>
 <script src="../assets/js/jquery-1.11.1.js"></script>
 <script src="../assets/js/bootstrap.js"></script>
 <script type="text/javascript" src="../js/systemManage/bootstrap-datetimepicker.js" charset="UTF-8"></script>
 <script type="text/javascript" src="../js/systemManage/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
 <script type="text/javascript" src="../js/systemManage/date.js" charset="UTF-8"></script>
 <script type="text/javascript" src="../js/systemManage/base.js" charset="UTF-8"></script>
 <script type="text/javascript" src="../js/systemManage/jquery.validationEngine-zh_CN.js"></script>
 <script type="text/javascript" src="../js/systemManage/jquery.validationEngine.js"></script>
 <script type="text/javascript" src="../js/systemManage/jquery.bigautocomplete.js"></script>
 <script type="text/javascript" src="../js/systemManage/inputManage.js" charset="UTF-8"></script>
     
<script type="text/javascript">
       // getUserRole();
        jQuery(document).ready(function () {
        //getReserviorName();        
       // getInitData("GetInitDataOfStation.action", "GetStationByCode.action", "positionname");
         getSelectContent("GetSelectOfWaterPlant.action","waterPlantCode","GetInitDataOfStation.action", "GetStationByCode.action", "positionname");
        setIsDisable("positionname", true);
        jQuery("#StationInfo").validationEngine();
        jQuery("#updateBtn").click(function (event) {
            setIsDisable("positionname", false);
        });
        var listName = document.getElementById('list-name-for-select');
        var listSelect = document.getElementById("positionname").onchange = function (e) {
            if (this.value) {
                listName.value = this.options[this.selectedIndex].text;
                var code = this.options[this.selectedIndex].value;
                //getReserviorById(code);
                getRecordByCode("GetStationByCode.action", code);
            } else {
                listName.value = '';
            }
        };
        jQuery("#submitBtn").click(function () {
            submitForm("StationInfo", "AddStation.action");
        });
       /*  jq("#saveBtn").click(function () {
            submitForm("reservoirInfo", "AddReservior.action", 2);
        }); */
        jQuery("#delBtn").click(function () {
            delRecordByCode("StationInfo", "DelStation.action","stationnum");
        });        
    });
</script>
  <!-- js  -->
    <script src="../assets/js/jquery-1.11.1.js"></script>
    <script src="../js/pipeline/pipeline.js"></script>
    <script src="../js/systemManage/init.js"></script>
      <script src="../assets/js/jquery-1.11.1.js"></script>
    <script src="../js/monitorData/main.js"></script>
	<script src="../js/index.js"></script>

</body>
</html>
